<template>
    <div class="footer">
      <div class="footer-wrapper">
        <div class="footer-inner">© 2020 Baidu 京ICP证030173号&nbsp;&nbsp;
          <a class="footer-gov-link" href="" target="_blank" rel="noreferrer">京公网安备11000002000001</a>
          <a class="footer-gov-link" href="" target="_blank" rel="noreferrer">京网文（2020）1146-179号</a>
          <div class="footer-item">
            <a href="" target="_blank" rel="noreferrer">用户服务协议</a>
          </div>
          <div class="footer-item">
            <a href="" target="_blank" rel="noreferrer">隐私协议</a>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>
  .footer-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 18px 0;
    background: #444;
  }
  .footer-wrapper .footer-inner {
    font-size: 12px;
    text-align: center;
    color: #999;
  }
  .footer-wrapper .footer-inner a {
    margin-right: 8px;
    color: #999;
  }

  a {
    text-decoration: none;
  }

  .footer-wrapper .footer-item {
    display: inline-block;
  }
</style>
